import { createRouter, createWebHashHistory } from 'vue-router'
/**
 * 1. 导入组件
 * 2. 在routes数组中配置：{path:'path',component:页面组件}
 */
// 公共布局=》所有页面的骨架
// import Layout from '@/views/Layout'
// 路由按需加载原理？=》默认加载的是一个函数 =》什么时候执行=》访问某个路由，执行某个页面component配置的函数，动态加载组件
const Layout = () => import('@/views/Layout')
// 导入骨架下的页面
// import Home from '@/views/Home'
const Home = () => import('@/views/Home')

const routes = [
  {
    path: '/',
    component: Layout,
    children: [
      {
        path: '/',
        component: Home
      }
    ]
  }
]

const router = createRouter({
  history: createWebHashHistory(),
  routes
})

export default router
